{% extends "tpls/layout.html" %}

{% block title %}日常菜单{% endblock %}

{% block style %}
<!-- inject:css -->
<link rel="stylesheet" href="/dist/styles/build/menu_list.min.1476270773013.css"/>
<!-- endinject -->
{% endblock %}
{% block content %}
<div style="margin:0 auto;width:0;height:0;overflow:hidden;">
	<img src="/icons/share.jpg" width=400>
</div>

<div class='page-menu-list'>
	<ul class="items commodity-menus">
		{% if(rec.id != 0) %}
		<li id="first">
			<a class="tip" href="/menu/{{ rec.id }}">
				<img class="thumbnail" src="{{ rec.thumbnail }}" />
				<div class="title">推荐菜单</div>
			</a>
			<form class="search" onsubmit="javascript:return false;">
				<i class="icon icon-search"></i>
				<input type="search" name="name" placeholder="输入菜名或食材" oninput="onSearch(event)" onclick="clickMenu(event)">
			</form>
		</li>
		{% endif %}
	</ul>

	<footer>
		<div>以上菜谱所有图文内容均来自上海永昌菜市场</div>
	</footer>
</div>
<div class="menu-overlay" onclick="clickMenu(event)">
	<div class="inner">
		<ul class='log'>
			<li class="first">
				最近搜索
				<span class="empty" onclick="clearstore()">清空</span>
			</li>

		</ul>
	</div>
</div>
<script type="text/template" id="item-tpl">
	<li>
		<a class="tip" href="">
			<img class="thumbnail" src="" />
		</a>
		<div class="explain">
			<div class="name"></div>
			<div class="visible right">
				<i class="icon icon-visible"></i>
				<div class="num"></div>
				查看
			</div>
			<div class="love right">
				<i class="icon icon-collection"></i>
				<div class="num"></div>
				点赞
			</div>
		</div>
	</li>
</script>

<script type="text/template" id="menu-item-tpl">
	<li>
		<a class="link">
			牛肉
		</a>
	</li>
</script>
{% endblock %}

{% block script %}
<script>
	$(function () {
		var el = $('.nav li');
		el.removeClass('current');
		el.eq(2).addClass('current');
	});

	var rec = '{{ recstr }}';
	rec = rec.replace(/&quot;/g, "\"");
	
	console.log('rec='+rec);
	
	window.rec = JSON.parse(rec);
</script>
<script src="http://api.map.baidu.com/api?v=2.0&ak=YLIXKCZq5ZPp3cP3mMsDhUG4fNRAIRud" type="text/javascript"></script>
<!-- inject:js -->
<script src="/dist/scripts/build/menu_list.min.1476270773013.js"></script>
<!-- endinject -->
{% endblock %}
